// import { useState } from "react"

const Company = ({ className, basicInfo = {} }) => {
  // const [list, setList] = useState([
  //   { label: "公司名称", value: "国网荆州供电公司" },
  //   { label: "隶属关系", value: "国网湖北省电力有限公司全资分公司全资分公司" },
  //   { label: "成立时间", value: "2003年" },
  //   { label: "供电面积", value: "2.12万平方公里(占全省11.04%)" },
  //   { label: "供电入口", value: "509.05万户" }
  // ])
  return (
    <div className={className}>
      <h3 className="text-lg font-bold mb-2">企业概况</h3>
      <div className="text-sm">
        <div className="flex leading-6 mb-1">
          <span className="w-[92px]">公司名称：</span>
          <span className="flex-1 font-bold text-blue-600">
            {basicInfo.companyName}
          </span>
        </div>
        <div className="flex leading-6 mb-1">
          <span className="w-[92px]">隶属关系：</span>
          <span className="flex-1 font-bold text-blue-600">
            {basicInfo.parentCompany}
          </span>
        </div>
        <div className="flex leading-6 mb-1">
          <span className="w-[92px]">成立时间：</span>
          <span className="flex-1 font-bold text-blue-600">
            {basicInfo.establishmentDate}
          </span>
        </div>
        <div className="flex leading-6 mb-1">
          <span className="w-[92px]">供电面积：</span>
          <span className="flex-1 font-bold text-blue-600">
            {basicInfo.powerSupplyArea}
          </span>
        </div>
        <div className="flex leading-6 mb-1">
          <span className="w-[92px]">供电人口：</span>
          <span className="flex-1 font-bold text-blue-600">
            {basicInfo.supplyPopulation}
          </span>
        </div>
        {/* <div  className='flex leading-6 mb-1'>
            <span className='w-[92px]'>供电入口:</span>
            <span className='flex-1 font-bold text-blue-600'>{basicInfo.companyName}</span>
          </div> */}
      </div>
    </div>
  )
}

export default Company
